.styles-body .white {
    background-image: url();
}

.styles-body .blue {
    background-color: #96d2e6
}

.styles-body .darkblue {
    background-color: #2893fd
}

.styles-body .green {
    background-color: #009688
}

.styles-body .orange {
    background-color: #FF9900
}

.styles-body .purple {
    background-color: #996699
}

.styles-body .pink {
    background-color: #FFB5B5
}

.styles-body .red {
    background-color: #f94a4a
}

.styles-body .gray {
    background-color: #999999
}

.styles-body .brown {
    background-color: #BFBF81
}

.styles-body li {
    position: relative;
    display: inline-block;
    background-color: #fff;
    width: 30px;
    height: 30px;
    margin: 2px
}

.styles-body .c-active:after {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 10px;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

tr.tr_white {
    background-color: #ffffff;
}

tr.tr_blue {
    background-color: #96d2e6
}

tr.tr_darkblue {
    background-color: #2893fd
}

tr.tr_green {
    background-color: #009688
}

tr.tr_orange {
    background-color: #FF9900
}

tr.tr_purple {
    background-color: #996699
}

tr.tr_pink {
    background-color: #FFB5B5
}

tr.tr_red {
    background-color: #f94a4a
}

tr.tr_gray{
    background-color: #999999
}

tr.tr_brown {
    background-color: #BFBF81
}

/*去掉table的hover样式*/
.layui-table tr:hover td, .layui-table[lay-even] tr:nth-child(even) td {
    background-color: transparent !important;
}

.layui-table tr:hover, .layui-table[lay-even] tr:nth-child(even) {
    background-color: transparent
}

.layui-table tr:hover.tr_blue, .layui-table[lay-even] tr:nth-child(even).tr_blue {
    background-color: #96d2e6
}

.layui-table tr:hover.tr_darkblue, .layui-table[lay-even] tr:nth-child(even).tr_darkblue {
    background-color: #2893fd
}

.layui-table tr:hover.tr_green, .layui-table[lay-even] tr:nth-child(even).tr_green {
    background-color: #009688
}

.layui-table tr:hover.tr_orange, .layui-table[lay-even] tr:nth-child(even).tr_orange {
    background-color: #FF9900
}

.layui-table tr:hover.tr_purple, .layui-table[lay-even] tr:nth-child(even).tr_purple {
    background-color: #996699
}

.layui-table tr:hover.tr_pink, .layui-table[lay-even] tr:nth-child(even).tr_pink {
    background-color: #FFB5B5
}

.layui-table tr:hover.tr_red, .layui-table[lay-even] tr:nth-child(even).tr_red {
    background-color: #f94a4a
}

.layui-table tr:hover.tr_gray, .layui-table[lay-even] tr:nth-child(even).tr_gray {
    background-color: #999999
}

.layui-table tr:hover.tr_brown, .layui-table[lay-even] tr:nth-child(even).tr_brown {
    background-color: #BFBF81
}

.td_gray {
    background-color: #b5b5b5
}
